// =================切换俩个盒子=============

$('.box a').on('click',function(){
    //$(this)表示a
    //$(this).parents('.box') 表示当前盒子
    $(this).parents('.box').hide().siblings().show();
}) 


//==================表单验证======================
//验证 username 不能为空 长度2~10位
//验证 password 不能为空 长度6~15位
// 比如，验证一个用户名和密码
function test() {
    return {
      fields: {
        username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
          validators: {
            notEmpty: {   //不能为空
              message: '用户名不能为空.'
            },
            stringLength: {   //检测长度
              min: 2,
              max: 10,
              message: '用户名需要2~15个字符'
            }
          }
        },
        password: {
          validators: {
            notEmpty: {
              message: '密码不能为空'
            },
            stringLength: {   //检测长度
              min: 6,
              max: 15,
              message: '密码需要6~15个字符'
            }
          }
        }
      }
    }
  }


// =================注册 功能=====================

//前端:按照接口要求,提交 username和password
$('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();

// 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    //console.log('注册通过验证');

    let data = $(this).serialize();

    axios.post('/api/register', data).then(result => {
        // console.log(result.data); // 真正的，服务器响应的结果  { code: 0, message: '注册成功' }
        if (result.data.code === 0) { // 注册成功
          toastr.success(result.data.message); // 提示
          $('.login').show().siblings().hide(); // 显示登录的盒子
          $('.register input').val(''); // 清空输入框
        }
      });

    // axios.post('/api/register'.data).then(({data:res })=>{
    //     // 我们只考虑成功的情况即可，失败的情况后续统一使用拦截器处理
    //     if (res.code === 0) { 
    //         toastr.success(res.message); // 使用插件提示消息
    //         $('.register input').val(''); // 清空输入框
    //         $('.register').hide().next().show(); // 切换至登录
    //     }
    // })
    
});

// =================登录 功能======================

//前端:按照接口要求,提交 username和password
$('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();

// 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    console.log('登录通过验证');

     let data = $(this).serialize();

     axios.post('/api/login', data).then(({data:res }) => {
         // console.log(result.data); // 真正的，服务器响应的结果  { code: 0, message: '注册成功' }
         if (res.code === 0) { // 登陆成功
          //存储token
          localStorage.setItem('token',res.token);
             location.href = './index.html'; // 登录成功，跳转到 index.html ；路径看两个html文件的关系
         }
       });
});